﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="../Css/Navigation.css" type="text/css">
    <link rel="stylesheet" href="../Css/SelectControl.css" type="text/css">
    <link rel="stylesheet" href="../Css/ArticleList.css" type="text/css">
    <link rel="stylesheet" href="../Css/TableListControl.css" type="text/css">
</head>
<body>
    <div class="css_main">
        <div class="css_top">
            <div class="css_top_left">
                <span>美位生活 & meiwei life</span><br>
                <span>App 管理操作后台</span>
            </div>
            <div class="css_top_right">
                <span style="Float:right">欢迎！Lain</span><br>
                <span style="Float:right">2015.02.08 09:35 AM</span>
            </div>
        </div>
        <div class="css_body">
            <div class="css_navigation">
                <div class="css_navigationItem">
                    <ul>商 户 添 加</ul>
                    <li><span class="css_inActive">&#12288</span><a href="IDelicious.html">爱 美 味</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="EnjoyLife.html">乐 生 活</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a href="BusinessInformation.html">商 户 信 息</a></ul>
                </div>
                <div class="css_navigationItem">
                    <ul>分 类 管 理</ul>
                    <li><span class="css_inActive">&#12288</span><a href="AppCategory.html">APP 类 目</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="SceneClassification.html">场 景 分 类</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AreaClassificationOne.html">区 域 分 类</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a href="UserInfo.html">用 户 信 息</a></ul>
                </div>
                <div class="css_navigationItem">
                    <ul>服 务 设 置</ul>
                    <li><span class="css_inActive">&#12288</span><a href="ServicesModification.html">服 务 修 改</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="CouponsGeneration.html">折 扣 券 生 成</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="CouponsStatus.html">折 扣 券 状 态</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul>广 告 设 置</ul>
                    <li><span class="css_inActive">&#12288</span><a href="AdSetting.html">广 告 设 置</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AddEvents.html">添 加 活 动</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="EventsList.html">活 动 列 表</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="TransactionList.html">成 交 列 表</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul>文 章 管 理</ul>
                    <li><span class="css_active"> > </span><a class="css_active" href="ArticleList.html">文 章 列 表</a></li>
                    <li><span class="css_inActive">&#12288</span><a href="AddArticle.html">添 加 文 章</a></li>
                </div>
                <div class="css_navigationItem">
                    <ul><a href="DataExport.html">数 据 管 理</a></ul>
                </div>
            </div>
            <div class="css_content">
                <div class="css_content_userTable">
                    <div class="css_content_userTable_title">
                        <div class="css_content_userTable_title_name">
                            <span>活动列表</span>
                        </div>
                        <div class="css_content_userTable_title_operations">
                            <div class="css_pageUp">上一页</div>
                            <div class="css_pages">2 to 3</div>
                            <div class="css_pageDown">下一页</div>
                        </div>
                    </div>

                    <div>
                        <table id="tableList">
                            <thead>
                            <td>发布人</td>
                            <td>文章标题</td>
                            <td>发布时间</td>
                            </thead>
                            <tbody>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                                <tr>
                                    <td><img src="../Img/Img_edit.png" /><span>555577894</span></td>
                                    <td>上海罗斯福牛排馆</td>
                                    <td>2015.03.22</td>
                                </tr>
                            </tbody>

                        </table>

                    </div>



                </div>

                <br>
                <br>
                <br>
                <br>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="../JSLibrary/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../JS/TabelListControl.js"></script>
    <script>
        $(function () {
            $.ajax({
                type: "POST", //访问WebService使用Post方式请求
                contentType: "application/json;charset=utf-8", //WebService 会返回Json类型
                url: "../WebService1.asmx/GetAllArticles", //调用WebService
                data: "{}", //Email参数
                dataType: 'json',

                error: function (x, e) {
                    alert("error");
                },
                success: function (response) { //回调函数，result，返回值
                    var tableBody = $("#tableList tbody");
                    var jsonContext = JSON.parse(response.d);
                    var context = "";
                    tableBody.empty();
                    $.each(jsonContext, function (index, item) {
                        context += "<tr>";
                        context += "<td><a href = \"AddArticle.html?Id=" + item.Id + "\"><img src=\"../Img/Img_edit.png\" /></a><span>" + item.CreateBy + "</span></td>";
                        context += "<td>" + item.ArticleTitle + "</td>";
                        context += "<td>" + timeFormatter(item.PublishTime) + "</td>";
                        context += "</tr>";
                    });
                    tableBody.append(context);
                }
            });


        });
        function timeFormatter(value) {

            var da = new Date(parseInt(value.replace("/Date(", "").replace(")/", "").split("+")[0]));

            return da.getFullYear() + "-" + (da.getMonth() + 1) + "-" + da.getDate() + " " + da.getHours() + ":" + da.getMinutes() + ":" + da.getSeconds();

        }
    </script>
</body>
</html>